.login {
    height: calc(100vh - 118rpx);
    padding: 118rpx 28rpx 0 28rpx;
    text-align: center;
    background-color: #ffffff;
    .img {
        width: 326rpx;
        min-width: 326rpx;
        height: 326rpx;
    }
    .agreement {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        justify-content: center;
        width: 543rpx;
        margin: auto;
        .checkbox {
            transform: scale(0.6);
        }
        &-content {
            margin-top: 8rpx;
            text-align: left;
            word-break: break-all;
            color: #999999;
            font-size: 22rpx;
        }
        &-text {
            color: #ff6b00;
        }
    }
    button {
        width: 543rpx;
        height: 80rpx;
        margin-top: 43rpx;
        margin-bottom: 43rpx;
        color: #ffffff;
        border-radius: 36rpx;
        background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);
        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 29rpx;
        font-weight: 400;
        line-height: 80rpx;
    }
    .phone_content {
        padding: 29rpx 29rpx 43rpx;
        border-radius: 22px 22px 0px 0px;
        background-color: #ffffff;
        .phone_top {
            display: flex;
            align-items: center;
            .phone_circle {
                width: 54rpx;
                height: 54rpx;
                border-radius: 50%;
                .phone_img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }
            }
            .phone_title {
                margin-left: 14rpx;
                color: #333333;
                font-size: 29rpx;
                font-weight: 500;
                line-height: 40px;
            }
        }
        .phone_center {
            padding: 30rpx 0 29rpx 0;
            text-align: left;
            color: #666666;
            border-bottom: 2rpx solid #f5f5f5;
            font-size: 26rpx;
            font-weight: 400;
            line-height: 36rpx;
        }
        .phone_bottom {
            text-align: left;
            .phone_form {
                display: flex;
                align-items: center;
                padding: 28rpx 0;
                border-bottom: 2rpx solid #f5f5f5;
                .phone_label {
                    min-width: 180rpx;
                    color: #333333;
                    font-size: 29rpx;
                    line-height: 40rpx;
                }
                :deep(.placeholder) {
                    height: 40rpx;
                    color: #999999;
                    font-size: 29rpx;
                    line-height: 40px;
                }
                .phone_code {
                    width: 127rpx;
                    min-width: 127rpx;
                    padding-left: 26rpx;
                    text-align: right;
                    border-left: 2rpx solid #cccccc;
                    font-size: 25rpx;
                    line-height: 36rpx;
                }
                .phone_enabled {
                    color: #fe292b;
                }
                .phone_disabled {
                    width: 214rpx;
                    color: #999999;
                }
            }
            .phone_submit_enabled {
                width: 100%;
                margin: 42rpx 0;
                background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);
            }
            .phone_submit_disabled {
                width: 100%;
                margin: 42rpx 0;
                opacity: 0.5;
                background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);
            }
        }
    }
    .other {
        position: fixed;
        bottom: var(--safe-area-inset-bottom);
        width: calc(100vw - 106rpx);
        padding: 0 25rpx 29rpx;
        text-align: center;
        .title {
            display: flex;
            align-items: center;
            color: #666666;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 29rpx;
            font-weight: 400;
        }
        .title::before,
        .title::after {
            flex: 1;
            height: 2rpx;
            content: '';
        }
        .title::before {
            margin-right: 18rpx;
            background: linear-gradient(270deg, #eaeaea 0%, #ffffff 100%);
        }
        .title::after {
            margin-left: 18rpx;
            background: linear-gradient(270deg, #ffffff 0%, #eaeaea 100%);
        }
        .mail {
            margin: 29rpx 0 18rpx;
            image {
                width: 87rpx;
                height: 87rpx;
            }
        }
        .sms_login {
            color: #999999;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 25rpx;
            font-weight: 400;
        }
    }
}
